<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
	xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
	layout:decorate="content">
<head>
<head>
<meta charset="utf-8">
<title>OMS进口管理系统—岗位</title>
</head>
<body>
	<div layout:fragment="content">
		<div class="list_page">
			<table style="width: 100%;" data-bind="with:filter">
				<tbody>
					<tr>
						<td class="td_form01">部门名称:</td>
						<td class="td_form02"><select
							data-bind="options: $root.departmentList,
										optionsValue:'departmentName',
										value:$root.departmentName , 
										optionsCaption: '选择部门名称:'">
						</select></td>
						<td class="td_form01">岗位名称:</td>
						<td class="td_form02"><input type="text"
							data-bind="value:postName" /></td>
					</tr>
					<tr>
						<td colspan="2" class="td_form01 text-center"><input
							type="button" class="buttonface" value="请空"
							data-bind="click:$root.empty" /></td>
						<td colspan="4" class="td_form01 text-center"><input
							type="button" class="buttonface" value="查询"
							data-bind="click:$root.search" /></td>
					</tr>
				</tbody>
			</table>
			<div class="Organization_cot">
				<p class="top_bg clearfix">
					<i class="icon popAdd"> <img src="/images/add.png" alt="">
					</i> <a class="Add" data-bind="click:$root.add">添加</a>
				</p>
			</div>
			<table>
				<thead>
					<tr>
						<td class="td_top" style="text-align: center;">序号</td>
						<td class="td_top" style="text-align: center;">岗位名称</td>
						<td class="td_top" style="text-align: center;">岗位英文名称</td>
						<td class="td_top" style="text-align: center;">部门</td>
						<td class="td_top" style="text-align: center;">备注</td>
						<td class="td_top" style="text-align: center;">操作</td>
					</tr>
				</thead>
				<tbody id="tbody" data-bind="foreach:DataGrid.DataRows">
					<tr>
						<td data-bind="text:$index()+1" style="text-align: center;">7</td>
						<td data-bind="text:postName" style="text-align: center;">操作员</td>
						<td data-bind="text:postEnglish" style="text-align: center;">operator</td>
						<td data-bind="text:departmentName" style="text-align: center;">操作部</td>
						<td data-bind="text:note" style="text-align: center;">测试</td>
						<td style="text-align: center;">
							<button type="button" class="pure-button pure-button-primary"
								data-bind="click:$root.updateJobs">修改</button>
							<button type="button" class="pure-button button-warning"
								data-bind="click:$root.deleteJobs">删除</button>
						</td>

					</tr>
				</tbody>
			</table>
		</div>


		<div id="pop_div_post" style="display: none;">
			<form>
				<table data-bind="with:model" class="table table-hover"
					style="width: 400px; height: 250px;">
					<tr>
						<td class="td_form01"><label><span class="tip"
								style="color: red;">*</span>部 门：</label></td>
						<td class="td_form02"><input type="text" id="treeText"
							data-bind="value:departmentName"> <span class="downArrow"
							data-bind="event:{click:$root.depclick}"> <i
								class="icon iconfont icon-sanjiao-bottom"></i>
						</span>
							<div id="treeDiv" style="display: none">
								<ul id="treeDemo" class="ztree"></ul>
							</div></td>
					</tr>
					<tr>
						<td class="td_form01"><label><span class="tip"
								style="color: red;">*</span>岗位名称：</label></td>
						<td class="td_form02"><input type="text"
							data-bind="value:postName" class=""></td>
					</tr>

					<tr>
						<td class="td_form01"><label>英文名称：</label></td>
						<td class="td_form02"><input type="text"
							data-bind="value:postEnglish" class=""></td>
					</tr>
					<tr>
						<td class="td_form01"><label>备注：</label><span class="tip"></span></td>
						<td class="td_form02"><input type="text"
							data-bind="value:note"></td>
					</tr>
					<tr>
						<td class="td_form02 text-center" colspan="2">
							<button type="button" class="saveBtn"
								data-bind="click:$root.submitbtn">保存</button>
							<button type="button" data-bind="click:$root.layerClose">关闭</button>
						</td>
					</tr>
				</table>
			</form>
		</div>
		<div th:include="pager :: pager"></div>
	</div>
</body>
</html>
